<template>
	<view style="background-color: #fff;padding: 40rpx 0;">
		<!-- <view>认证步骤</view> -->
		<!-- <u-steps :current="setpCurrent" activeColor="#FF4110">
			<u-steps-item title="个人信息认证">
			</u-steps-item>
			<u-steps-item title="车辆信息认证"></u-steps-item>
			<u-steps-item title="完成"></u-steps-item>
		</u-steps> -->
	</view>
	<Setp1 v-if="setpCurrent == 0" @next="next"></Setp1>
	<Setp2 v-if="setpCurrent == 1" @next="next"></Setp2>
	<Setp3 v-if="setpCurrent == 2"></Setp3>
</template>

<script setup>
	import {
		HTTP_REQUEST_URL
	} from "@/config/app.js"
	import Setp1 from './components/step1.vue'
	import Setp2 from './components/step2.vue'
	import Setp3 from './components/step3.vue'
	import {
		ref
	} from "vue";
	import { onLoad } from '@dcloudio/uni-app'

	const setpCurrent = ref(0)
	const addCar = ref(false)

	onLoad((option)=>{

	})
	const next = (num) => {
		setpCurrent.value = num
	}
</script>

<style>
	page {
		background-color: #fff;
	}
</style>

<style lang="scss" scoped>
	.ithui {
		&-content {
			.upload {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				padding: 0 25rpx;

				&-tip {
					padding: 10rpx 0;
					font-size: 14px;
					color: #999;
				}

				&-item {
					width: 310rpx;
					padding: 20rpx;
					text-align: center;

					.title {
						color: #999;
						font-size: 28rpx;
						line-height: 28rpx;
					}
				}
			}

			.confirm {
				.tips {
					color: #999;
					font-weight: normal;
					font-size: 32rpx;
					padding: 30rpx;
					background-color: #fff;
				}

				&-item {
					display: -webkit-box;
					display: -webkit-flex;
					display: flex;
					-webkit-box-align: center;
					-webkit-align-items: center;
					align-items: center;
					padding: 25rpx 30rpx;
					position: relative;
					background-color: #fff;

					.key {
						-webkit-box-flex: 1;
						-webkit-flex: 1;
						flex: 1;
						min-width: 0;
						font-size: 32rpx;
						color: #333;
						font-weight: bold;
					}

					.val {}
				}

				.b-line {
					position: relative;

					&:after {
						content: '';
						position: absolute;
						z-index: 2;
						bottom: 0;
						left: 0;
						width: 100%;
						height: 2rpx;
						border-bottom: 2rpx solid #e2e2e2;
						transform: scaleY(0.5);
						transform-origin: 0 100%;
						-webkit-transform: scaleY(0.5);
						-webkit-transform-origin: 0 100%;
					}
				}
			}

			.submit {
				margin-top: 40rpx;
				padding: 20px;
			}
		}
	}
</style>